<template>
  <mavon-editor
    v-model="content"
    ref="md"
    @change="change"
    :editable="false"
    :toolbarsFlag="false"
    :defaultOpen="'preview'"
    :subfield="false"
    :ishljs="true"
  />
</template>
<script>
import { mavonEditor } from "mavon-editor";
import "mavon-editor/dist/css/index.css";
export default {
  components: {
    mavonEditor,
  },
  data() {
    return {
      input: "# hello `java` ",
    };
  },
  props: {
    content: String,
  },
};
</script>
<style scoped>
.article-content {
  text-align: left;
}
</style>